<!DOCTYPE html>
<html>
<head>
    <title>最求完美</title>
    <meta charset="utf-8">
    <meta name="keywords" content="最求完美  山西  柳林  博客  519032766 宋一飞  java 程序员 工程师">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="description" content="最求完美  山西  柳林  博客  519032766 宋一飞  java 程序员 工程师">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="baidu_union_verify" content="9eb4fa489ce3376e5248a2f3fa987db7">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script>
        var loadimg="<img src='images/loading.gif' />"; // 加载时的loading图片

        function showPage(tabId, url){
            $('#nav-tab a[href="#'+tabId+'"]').tab('show'); // 显示点击的tab页面
            if($('#'+tabId).html().length<20){ // 当tab页面内容小于20个字节时ajax加载新页面
                $('#'+tabId).html('<br>'+loadimg+' 页面加载中，请稍后...'); // 设置页面加载时的loading图片
                if(url!=""){$('#'+tabId).load(url); }//* ajax加载页面*/
            }
        }
    </script>

</head>
<body>
<#include "header.ftl">
<!--内容-->
<div class="panel">
<div class="container" style="width:100%">
    <div class="row col-sm-9 col-md-9" >
        <div class="message">
            共<i class="blue">${page.total}</i>条记录，当前显示第 <i
                class="blue">${page.pageNum}/${page.pages}</i> 页

            <div class="input-group pull-right" >
                <input id = "search" type="search" class="form-control" value="${search!''}">
                <span class="input-group-btn">
						<button class="btn btn-default" type="button" onclick="queryAll(1,0)">
							Go!
						</button>
					</span>
            </div>
        </div>
        <div style="text-align:center;">
            <ul class="pagination">

            <#if !page.isFirstPage >
                <li><a href="javascript:queryAll(${page.firstPage}, ${page.pageSize});"><<</a></li>
                <li><a href="javascript:queryAll(${page.prePage}, ${page.pageSize});"><</a></li>
            </#if>
            <#list page.navigatepageNums as navigatepageNum>
                <#if navigatepageNum==page.pageNum>
                    <li class="active"><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
                </#if>
                <#if navigatepageNum!=page.pageNum>
                    <li><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
                </#if>
            </#list>
            <#if !page.isLastPage>
                <li><a href="javascript:queryAll(${page.nextPage}, ${page.pageSize});">></a></li>
                <li><a href="javascript:queryAll(${page.lastPage}, ${page.pageSize});">>></a></li>
            </#if>

            </ul>
        </div>

        <div class="row">

        <#list page.list as item>

            <div class="col-sm-12 col-md-12 clearfix">
                <a href="/article/detail/${item.id?c}/+">
                    <div class="pull-left" style="width:10%;" >
                        <img src="${item.coverPicture!''}" class="img-responsive img-thumbnail" alt="通用的占位符缩略图"/>
                    </div>
                    <div class="pull-left" style="width: 90%;">
                        <h3 class="text-success">${item.title}<small class="text-warning" style="padding-left: 5px;"><span class="label label-primary">${item.label!''}</span></small></h3>
                        <blockquote class="pull-right">
                            东京的雨打湿巴黎的街
                            <small>${item.publishtime?string("yyyy-MM-dd HH:mm:ss zzzz")} <cite title="Source Title"></cite></small>
                        </blockquote>
                    </div>
                </a>
            </div>

        </#list>
        <!--谷歌信息流内容广告-->
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-format="fluid"
                 data-ad-layout-key="-ek+6a+1-9t+hf"
                 data-ad-client="ca-pub-9801360103378152"
                 data-ad-slot="7974284097"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
        </div>
        <div style="text-align:center;">
            <ul class="pagination">

            <#if !page.isFirstPage >
                <li><a href="javascript:queryAll(${page.firstPage}, ${page.pageSize});"><<</a></li>
                <li><a href="javascript:queryAll(${page.prePage}, ${page.pageSize});"><</a></li>
            </#if>
            <#list page.navigatepageNums as navigatepageNum>
                <#if navigatepageNum==page.pageNum>
                    <li class="active"><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
                </#if>
                <#if navigatepageNum!=page.pageNum>
                    <li><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
                </#if>
            </#list>
            <#if !page.isLastPage>
                <li><a href="javascript:queryAll(${page.nextPage}, ${page.pageSize});">></a></li>
                <li><a href="javascript:queryAll(${page.lastPage}, ${page.pageSize});">>></a></li>
            </#if>

            </ul>
        </div>
    </div>

    <div class="row col-sm-3 col-md-3" style="margin-left:25px;" >
        <div ><h3>文章分类</h3>
            <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
            <#list labelArtricle as article>
                <li style="list-style:none;" class="active">
                    <a href="/article/detail/${article.label}/+"><span class="badge pull-right">${article.looksum}</span>${article.label}</a>
                </li>
            </#list>
            </ul>
        </div>
        <div><h3>文章归档</h3>
            <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
            <#list topArticle as article>
                <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
            </#list>
            </ul>
        </div>
        <div><h3>最新文章</h3>
            <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
            <#list topNew as article>
                <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
            </#list>
            </ul>
        </div>
        <div><h3>热门总排行</h3>
            <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
            <#list topArticle as article>
                <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
            </#list>
            </ul>
        </div>
        <div style=""><h3></h3>
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- 首页右边侧广告 -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-9801360103378152"
                 data-ad-slot="9094550806"
                 data-ad-format="auto"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>

            <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
                <#list topToday as article>
                <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
                </#list>
            </ul>
        </div>
    </div>
</div>

</div>
<script type="text/javascript">
    function queryAll(pageNum, pageSize)
    {
        var searchValue = $("#search").val();
        if(searchValue != null && searchValue != ''){
            document.location.href="/?pageNum="+pageNum+"&search="+searchValue;
        }else{
            document.location.href="/?pageNum="+pageNum;
        }
    }
</script>
<#include "footer.ftl">
</body>
</html>
